<%@ page language="java" import="java.util.*"  pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link href="css/common.css" rel="stylesheet">
<link href="css/index.css" rel="stylesheet">
<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/ichart.latest.min.js"></script>
<script src="js/index.js"></script>
<script src="js/chart2/highcharts.js"></script>
<script src="http://code.highcharts.com/maps/modules/map.js"></script>
<script src="http://code.highcharts.com/maps/modules/data.js"></script>
<script src="http://code.highcharts.com/maps/modules/drilldown.js"></script>
<script type="text/javascript" src="http://sandbox.runjs.cn/uploads/rs/228/zroo4bdf/cn-china-by-peng8.js"></script>
<title>首页</title>
</head>

<body>
<!----头部-------->
<div class="head">
	<div class="logo fl">
    	<a href="#"><img src="images/logo.png"  ></a>
    </div>
    <div class="nav fl">
    	<a href="#" class="this">首页</a>
        <a href="vehicle.jsp">车辆监控</a>
        <a href="统计报表.html">统计报表</a>
        <a href="资产管理.html">资产管理</a>
        <a href="系统管理.html">系统管理</a>
    </div>
    <div class="user fr">
    	<div class="anniu fl"><a href="#"><img src="images/anniu.gif" width="100%"></a></div>
		<div class="user-img fl">
        	<img id="user_image" src="images/img_01.png" width="55" height="55">
        </div>
		
        <div class="user-info fl">
        	<p>
            	<span id="user_name" class="name">${user.userrealname},欢迎您！</span>
            	<span class="quit" onclick="quit()">退出</span>
            </p>
            <p>
            	<span class="name">上次登录：2016-10-29</span>
            	
            </p>
        </div>
        
    </div>
</div>
<!----头部结束------->
<style>
.m-content{ overflow:inherit !important;}
</style>
<div class="m-content">
    <div class="position">
        <span>全国</span>
    </div>
    <div class="m-left fl">
    	<div class="module1 clearfix">
			<li>
            	<p>车辆总数</span>
                <span class="blue" id="vehicle_number">--</span>
            </li>
            <li>
            	<p>在线车辆</span>
                <span class="green" id="online_number">--</span>
            </li>
            <li>
            	<p>充电车辆</span>
                <span class="purple" id="charging_number">--</span>
            </li>
            <li>
            	<p>故障车辆</span>
                <span class="ori" id="warning_number">--</span>
            </li>
            
        </div>
        
        <div class="module3 fl">
        	<div class="tit">
            	全国车辆分布图
            </div>
            <div id="container">
            	
            </div>
        </div>
    </div>
	<div class="m-right fr">
    	<h3>运行统计</h3>
    	<div class="chart">
        	<div id="canvasDiv1" style=" min-width:200px;min-height:300px;"></div>
        </div>
        <div class="chart"  style="min-width:400px;height:324px">
        	<div id="chart2" style="min-width:400px;height:324px"></div>
        </div>
    </div>
</div>
<script>
$(function(){
	$(".m-content").width($(window).width()-30);
	
});

</script>

</body>
</html>
